import {
    BASE_URL
}
from '../../../http/config';


Page({

    /**
     * 页面的初始数据
     */
    data: {
        inputText: '',
        courseList: [] // 新增：用于存储课程列表数据
    },

    // 处理输入框确认事件
    getInput(e) {
        let newInput = e.detail.value
        console.log('搜索关键词:', newInput)

        // 更新输入框数据
        this.setData({
            inputText: newInput
        })
//   this.setData({
//       inputText: e.detail.value,
//       courseList: [{
//           id: 1,
//           name: '测试课程',
//           imageUrl: '/images/@2x_about.png'
//       }]
//   })
        // 如果输入内容不为空，调用搜索接口
        if (newInput.trim()) {
            this.searchCourses(newInput)
        } else {
            // 如果输入为空，清空课程列表
            this.setData({
                courseList: []
            })
        }
    },

    // 新增：调用搜索接口
    searchCourses(courseName) {
        wx.showLoading({
            title: '搜索中...'
        })

        wx.request({
           url: `${BASE_URL}/course/all?pageNum=1&pageSize=8`, // 接口地址
            method: 'GET',
            data: {
                courseName: courseName // 传递搜索关键词
            },
            success: (res) => {
                wx.hideLoading()

                // 处理接口返回数据
                if (res.data && res.data.data) {
                    // 根据实际返回的数据结构进行处理
                    const courses = res.data.data.list ;

                    // 处理图片路径
                    const formattedCourses = courses.map(course => ({
                        ...course,
                        thumbnail: `${course.thumbnail || ''}`
                    }));
                    this.setData({
                        courseList: formattedCourses
                    })
                    console.log("搜索结果:", courses);
                } else {
                    wx.showToast({
                        title: '搜索失败',
                        icon: 'none'
                    })
                }
            },
            fail: (err) => {
                wx.hideLoading()
                console.error('接口调用失败:', err)
                wx.showToast({
                    title: '网络异常',
                    icon: 'none'
                })
            }
        })
    },
  jumpCourseDetail(e) {
      let id = e.currentTarget.dataset.id;
      wx.navigateTo({
          url: `/course/pages/courseDetail/courseDetail?id=${id}`
      });
  },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {

    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})